<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鱼吧</title>
    <link rel="stylesheet" href="./fish_forum.css">
    <link rel="shortcut icon" href="../static/imgs/wj_game.ico" type="image/x-icon">
</head>
<body>
<div id="Aug-content">
    <img src="../static/imgs/background-img.png" alt="">
    <div class="head_nav">
        <div class="nav-left" >
            <ul class="list">
                <li class="item"><img src="../static/imgs/douyulog.png" alt=""></li>
                <li class="item" >
                    <a href="../homepage/homepage.html">首页</a>
                </li>
                <li class="item" >
                    <a href="../live_streaming/live_streaming.html">直播</a>
                </li>
                <li class="item" >
                    <a href="../classify/classify.html">分类</a>
                </li>
                <li class="item" >
                    <a href="../vadio/vadio.html">视屏</a>
                </li>
                <li class="item" >
                    <a href="../game/game.html">游戏</a>
                </li>
                <li class="item" >
                    <a href="../fish_forum/fish_forum.html">鱼吧</a>
                </li>
            </ul>
        </div>
        <div class="nav-right">
            <div class="text" >
                <input  type="text" name="搜索" value="鱼吧、帖子">
            </div>
            <div class="text" >
                <img src="" alt="">
            </div>
            <div class="text" >消息</div>
            <div class="text" >頭像</div>
        </div>
    </div>
    <div class="content-app">
        <!--左边导航栏-->
        <div class="left-app">
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">我关注的</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">我赞过的</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">我收藏的</span>
                </a>
            </div>
            <div class="left-item-2">
                <fieldset></fieldset>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">热门推荐</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">排行榜</span>
                </a>
            </div>
            <div class="left-item-2">
                <fieldset></fieldset>
            </div>
            <div class="left-item-1" >
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">全部鱼吧</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">加入的鱼吧</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">斗鱼直播</span>
                </a>
            </div>
            <div class="left-item-2">
                <fieldset></fieldset>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">全部话题</span>
                </a>
            </div>
            <div class="left-item-1">
                <a href="" class="text-a">
                    <span class="text" style="font-size: 15px">全部专栏</span>
                </a>
            </div>
        </div>
        <!--中间内容-->
        <div class="between-app">
            <!--头部：全部-->
            <div class="nav">
                <div class="nav-left">
                    <span class="nav-text">全部</span>
                </div>
            </div>
            <!--中间：内容-->
            <div class="content">
                <div class="up">
                    <div class="nav">
                        <div class="img">
                            <img src="../static/imgs/user.png" alt="">
                        </div>
                        <div class="name">
                            <div class="text">王者搬运菌</div>
                            <div class="text">06-16 发布于 王者荣耀的鱼吧</div>
                        </div>
                        <div class="content-text1" style="font-size: 12px">设计师爆料：两件新装备即将登场Doinb的春天来了？
                            赛程：7月1日-7月3日，【淘汰赛】打响；7月4日将会迎来【季军赛】与【总决赛】</div>
                        <div class="content-text2 " style="font-size: 12px">
                            近日，设计师为玩家们分享了一些关于2021季前赛版本的改动计划
                            <br>时间：每天两场BO7，15:00开始
                        </div>
                        <div class="content-img">
                            <div><img src="../static/imgs/001.jpg" alt="" width=""></div>
                            <div><img src="../static/imgs/002.jpg" alt="" width="200"></div>
                        </div>
                    </div>
                    <div class=""></div>
                </div>
                <div class="down">
                    <div class="text" style="font-size: 12px" >收藏</div>
                    <div class="text" style="font-size: 12px">转发</div>
                    <div class="text" style="font-size: 12px">评论</div>
                    <div class="text" style="font-size: 12px">点赞</div>
                </div>
            </div>
            <div class="content">
                <div class="up">
                    <div class="nav">
                        <div class="img">
                            <img src="../static/imgs/user.png" alt="">
                        </div>
                        <div class="name">
                            <div class="text">王者搬运菌</div>
                            <div class="text">06-16 发布于 王者荣耀的鱼吧</div>
                        </div>
                        <div class="content-text1" style="font-size: 12px">2020年KGL春季赛季后赛即将开启！季后赛赛程先行送达<br>7月1日15:00，2020年KGL春季赛季后赛将会开启！季后赛赛程先行送达</div>
                        <div class="content-text2" style="font-size: 12px">
                            赛程：7月1日-7月3日，【淘汰赛】打响；7月4日将会迎来【季军赛】与【总决赛】
                            <br>时间：每天两场BO7，15:00开始
                        </div>
                        <div class="content-img">
                            <div><img src="../static/imgs/003.jpg" alt=""></div>
                            <div><img src="../static/imgs/004.jpg" alt="" width="250px"></div>
                        </div>
                    </div>
                    <div class=""></div>
                </div>
                <div class="down">
                    <div class="text" style="font-size: 12px" >收藏</div>
                    <div class="text" style="font-size: 12px">转发</div>
                    <div class="text" style="font-size: 12px">评论</div>
                    <div class="text" style="font-size: 12px">点赞</div>
                </div>
            </div>
            <div class="content">
                <div class="up">
                    <div class="nav">
                        <div class="img">
                            <img src="../static/imgs/user.png" alt="">
                        </div>
                        <div class="name">
                            <div class="text">王者搬运菌</div>
                            <div class="text">06-16 发布于 王者荣耀的鱼吧</div>
                        </div>
                        <div class="content-text1" style="font-size: 12px">2020年KGL春季赛季后赛即将开启！季后赛赛程先行送达<br>7月1日15:00，2020年KGL春季赛季后赛将会开启！季后赛赛程先行送达</div>
                        <div class="content-text2" style="font-size: 12px">
                            赛程：7月1日-7月3日，【淘汰赛】打响；7月4日将会迎来【季军赛】与【总决赛】
                            <br>时间：每天两场BO7，15:00开始
                        </div>
                        <div class="content-img">
                            <div><img src="../static/imgs/005.jpg" alt=""></div>
                            <div><img src="../static/imgs/006.jpg" alt="" width="250"></div>
                        </div>
                    </div>
                    <div class=""></div>
                </div>
                <div class="down">
                    <div class="text" style="font-size: 12px" >收藏</div>
                    <div class="text" style="font-size: 12px">转发</div>
                    <div class="text" style="font-size: 12px">评论</div>
                    <div class="text" style="font-size: 12px">点赞</div>
                </div>
            </div>
        </div>
        <!--右边：信息-->
        <div class="right-app">
            <div class="first">
                <div class="name">
                    <div class="img">
                        <img src="../static/imgs/007.png" alt="">
                    </div>
                    <div class="text">
                        <img src="../static/imgs/008.png" alt="">
                    </div>
                </div>
                <div class="info">
                    <div class="text" style="font-size: 12px">关注</div>
                    <div class="text" style="font-size: 12px">粉丝</div>
                    <div class="text" style="font-size: 12px">动态</div>
                </div>
            </div>
            <div class="second">
                <div class="hot-talk">
                    <div class="text" style="font-size: 12px" >热门话题</div>
                    <div class="link">
                        <a href="" style="color: darkgray;font-size:12px ">更多</a>
                    </div>
                </div>
                <div class="info">
                    <ul class="list">
                        <li class="text" style="font-size: 12px">#记录你的一天#</li>
                        <li class="text" style="font-size: 12px">#直播间及鱼吧管理#</li>
                        <li class="text" style="font-size: 12px">#动态/作品/直播相关#</li>
                        <li class="text" style="font-size: 12px">#粉丝牌获取及升级#</li>
                        <li class="text" style="font-size: 12px">#Hanser简介#</li>
                        <li class="text" style="font-size: 12px">#255积分制度#</li>
                    </ul>
                </div>
            </div>
            <div class="third">
                <div class="hot-fish">
                    <div class="text" style="font-size: 12px">热门鱼吧</div>
                    <div class="link">
                        <a href="" style="color: darkgray;font-size: 12px">更多</a>
                    </div>
                </div>
                <div class="info">
                    <div class="item-1">
                        <div class="img">
                            <img src="../static/imgs/009.png" alt="">
                        </div>
                        <div class="text">
                            <div class="item" style="color: #090808">斗鱼直播</div>
                            <div class="item" style="font-size: 12px">斗鱼官方鱼吧</div>
                            <div class="item" style="font-size: 12px">成员:19990329</div>
                        </div>
                    </div>
                    <div class="item-2">
                        <div class="img">
                            <img src="../static/imgs/010.png" alt="">
                        </div>
                        <div class="text">
                            <div class="item" style="color: #090808">英雄联盟</div>
                            <div class="item" style="font-size: 12px">英雄联盟游戏资讯、赛事讨论、交流娱乐小黑屋</div>
                        </div>
                    </div>
                    <div class="item-3">
                        <div class="img">
                            <img src="../static/imgs/011.png" alt="">
                        </div>
                        <div class="text">
                            <div class="item" style="color: #090808">恐怖迷</div>
                            <div class="item" style="font-size: 12px">给喜欢恐怖生存解谜悬疑游戏的小伙伴一个温暖的家</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>